【Antd】antd的Form表单项用Form.Item包裹后，表单校验不生效的原因及解决办法

2024-07-14 10:58| 来源: 网络整理| 查看: 265

以下代码是用包裹的子组件中的render部分的代码：

可以看到Input.TextArea被包裹住了，这会导致无法被Form表单识别并抓取，因为Form默认只允许放一个子元素。

formItemOpts.formItemName} noStyle rules={formItemOpts.rules}> marginTop: 8 }}> ...rest} style={{ paddingBottom: 24, ...rest?.style }} />

这时候我们应该增加一个noStyle属性给Form.Item标签，并且移动div到Form.Item标签之外，noStyle的效果就是可以忽略Form.Item的样式，起到和内部放置div一样的效果，可以认为noStyle=

{ marginTop: 8 }}> formItemOpts.rules}> ...rest} style={{ paddingBottom: 24, ...rest?.style }} />

【本文地址】

公司简介

联系我们